import React, { Component } from "react";
import TodoListItem from "./TodoListItem";

export default class TodoList extends Component {
  render() {
    const { todos } = this.props;
    return (
      <>
        <div>所有待办事项:</div>
        {todos.map((todo) => (
          <TodoListItem key={todo.id} todo={todo} />
        ))}
      </>
    );
  }
}
